<template>
  <magic-page-designer
    :mpdPageConfig.sync="mpdPageConfig"
    :mpdPageValue.sync="mpdPageValue"
    :selectPageNodeDom.sync="selectPageNodeDom"
    :editorMode="setting.mpdEditorMode"
  ></magic-page-designer>
</template>

<script>
import mpdPageConfig from '@/json/form/Base.json'
import setting from '@/store/setting'

export default {
  name: 'Base',
  data() {
    return {
      // 需要渲染的页面json数据，必填
      mpdPageConfig: mpdPageConfig,
      // 当前页面所存储的值
      mpdPageValue: {},
      // 编辑模式下选中的dom，非必填
      selectPageNodeDom: {},
      setting
    }
  }
}
</script>
